<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> 电视剧详情页 </title>
    <style>
        .box{
            width: 500px;
            margin: 50px auto;
        }

        .box > h4{
            font-size: 12px;
            line-height: 27px;
            padding-left: 38px;
            border: 1px solid #ddd;
            background: url(./image/1.gif) 15px center no-repeat;
        }

        .box .header{

        }

        .box .header p{
            margin: 8px 0;
        }

        .box .header > img{
            float: left;
            margin-right: 10px;
        }

        .box ul{
            list-style-type: none;
            padding: 0;
        }

        .box ul li{
            line-height: 30px;
        }

        .box ul li a{
            color: #999;
            text-decoration: none;
        }

        .box ul li a:hover{
            text-decoration: underline;
        }

        .box ul li a:last-child{
            float: right;
        }
    </style>
</head>
<body>
    <div class="box">
        <h4>明星荐片</h4> 
        <div class="header">
            <img src="./image/3.gif" alt="">
            <div>
                <h4>周秀娜荐片:让子弹飞</h4>
                <p>导演：姜文</p>
                <p>主演：姜文 周润发 葛优</p>
                <p>点评：我最喜欢的要算《让子弹飞》了,超喜欢...[详情]</p>
            </div>
        </div>
    
    <ul>
        <li><a href="#">《巴别塔》：好的故事引人深思</a> <a href="#">阿朵</a></li>
        <li><a href="#">《洛杉矶之战》：外星人那么弱智？</a> <a href="#">丁子俊</a></li>
        <li><a href="#">《让子弹飞》：武侠里也可以有爱情</a> <a href="#">周秀娜</a></li>
        <li><a href="#">《剑雨》：好的故事引人深思</a> <a href="#">叶年生</a></li>
        <li><a href="#">《春风沉醉的夜晚》：非常真实</a> <a href="#">如小果</a></li>
        <li><a href="#">《克洛伊》：故事简单却细致</a> <a href="#">刘若英</a></li>
    </ul>
    </div>
</body>
</html>